html,body{min-width: 1000px;}
.sitenav{height: 30px; line-height: 30px; background: #000; color: #ccc; font-size: 12px;}
.sitenav a{color: #ccc; margin: 0 10px;}
.sitenav a:hover{color: #63ba2b;}
.sitenav a.weibo{margin-right: 0;}
.sitenav a.weibo:hover{color: #e62225;}
.header{background: url("../images/headbg.jpg") center top; height: 80px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;}
.header .logo{margin-top: 18px; width: 140px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;}
.header li{float: left; font-size: 16px; margin-top: 15px; position: relative; padding: 15px 0;}
.header li a{display: block; color: #fff; margin: 0 25px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.header li a:hover{color: #63ba2b; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.header li.sub:hover{background: #333;}
.header li .sub-menu{position: absolute; top: 50px; left: 0; z-index: 999; width: 100%; text-align: center; background: #333; display: none;}
.header li .sub-menu a{margin: 0 0 5px; padding: 5px 0; font-size: 14px;}
.header li .sub-menu a:hover{background: #3e3e3e;}
.header li.sub:hover .sub-menu{display: block;}
.header .search{background: rgba(50,50,50,.8); width: 170px!important; height: 46px; margin-top: 17px; border-radius: 23px; overflow: hidden; position: relative; transition:height .3s; -webkit-transition:height .3s; -moz-transition:height .3s;}
.header .search.shadow{box-shadow: 0 0 100px #63ba2b;}
.header .search input{width: 100%; height: 46px; background: none; border: none; padding: 0 50px 0 15px; color: #fff; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;}
.header .search button{width: 50px; height: 46px; position: absolute; right: 0; top: 0; background: none; border: none; font-size: 20px; color: #63ba2b; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;}
.header .search button:hover{color: #fff;}
.header.fixed{position: fixed; top: 0; width: 100%; height: 50px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; z-index: 9999;}
.header.fixed .logo{width: 140px; margin-top: 8px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;}
.header.fixed li{margin-top: 0; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;}
.header.fixed .search{height: 36px; margin-top: 6px; transition:height .3s; -webkit-transition:height .3s; -moz-transition:height .3s;}
.header.fixed .search input{height: 36px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;}
.header.fixed .search button{height: 36px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s;}
.header.fixed~.main-content{padding-top: 50px;}
.col-l{width: 680px;}
.col-r{width: 300px;}
.slider-home{ width:680px; height:440px; overflow:hidden; position:relative;}
.slider-home .hd{ height:8px; overflow:hidden; position:absolute; right:15px; bottom:24px; z-index:1; }
.slider-home .hd ul li{ float:left; margin-left:4px; width:8px; height:8px; border-radius: 50%; text-align:center; background:rgba(255,255,255,.5); cursor:pointer; }
.slider-home .hd ul li:last-child{margin-right: 0;}
.slider-home .hd ul li.on{ background:#63ba2b;}
.slider-home .bd{ position:relative; height:100%; z-index:0;   }
.slider-home .bd li{position: relative;}
.slider-home .bd li h4{position: absolute; bottom: 0; background: rgba(0,0,0,.6); color: #fff; padding: 15px; width: 100%; font-size: 24px; line-height: 32px;}
.slider-home .bd img{ width:680px; height:440px; display:block;  }
.slider-home .prev,.slider-home .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; font-size: 50px; color: #fff; text-align: center;}
.slider-home .next{ left:auto; right:3%; background-position:8px 5px; }
.focus_pic_small li{float: left; width: 226px; margin-right: 1px; margin-top: 1px;}
.focus_pic_small li:last-child{margin-right: 0;}
.focus_pic_small li .pic{width: 226px; height: 160px; overflow: hidden; position: relative;}
.focus_pic_small li img{width: 226px; height: 160px;}
.focus_pic_small li .mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); opacity: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.focus_pic_small li:hover .mask{opacity: 1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.focus_pic_small li:hover .jqthumb{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.focus_pic_small li p{padding: 10px; font-size: 16px; font-weight: bold; text-align: right; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%) scale(.5); -webkit-transform: translateY(-50%) scale(.5); -moz-transform: translateY(-50%) scale(.5); opacity: 0; color: #fff; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s;}
.focus_pic_small li:hover p{opacity: 1; transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); transition: .2s; -webkit-transition: .2s; -moz-transition: .2s;}
.focus_pic_small li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.news-list li{padding: 20px 0; border-top: 1px solid #eee;}
.news-list li img{width: 240px; height: 150px;}
.news-list li .pic{width: 240px; overflow: hidden;}
.jqthumb{transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.jqthumb:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.news-list li .con{width: 420px; }
.news-list li .con h4{font-size: 20px; font-weight: 600; line-height: 28px;}
.news-list li .con p{color: #999; margin: 10px 0;}
.news-list li .con .time{color: #999;}
.news-list li .con .pl{color: #999;}
.news-list li .con .tag a{border: 1px solid #32bc8d; color: #32bc8d; padding: 0 6px; margin-left: 5px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.news-list li .con .tag a:hover{background: #32bc8d; color: #fff; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.news-list li.list-focus5{position: relative;min-height:100px}
.news-list li.list-focus5 .pic{width: 680px; height: 440px;}
.news-list li.list-focus5 .con{position: absolute; width: 100%; bottom: 20px; left: 0; background: rgba(0,0,0,.6); padding: 15px; font-size: 24px; line-height: 32px;}
.news-list li.list-focus5 .con h4{color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news-list li.list-focus5 .con p,.news-list li.list-focus5 .con .time,.news-list li.list-focus5 .con .pl,.news-list li.list-focus5 .con .tag{display: none;}
.news-list li.list-focus5 img{width: 680px; height: 440px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.news-list li.list-focus5 .box{width: 680px; height: 440px; overflow: hidden; position: relative;}
.news-list li.list-focus5 .box:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.news-list li.list-focus5 .box h4{position: absolute; bottom: 3px; background: rgba(0,0,0,.6); color: #fff; padding: 15px; width: 100%; font-size: 24px; line-height: 32px;}
.news-list li:last-child{border-bottom: 1px solid #eee;}
a.load-more{background: #eee; font-size: 16px; padding: 10px; display: block; text-align: center; margin-top: 20px;}
.hot-tj{border: 1px solid #eee;}
.hot-tj .title{background: #66c41a; font-size: 16px; padding: 10px; color: #fff;}
.hot-tj ul{ margin: 15px 0 15px 15px; border-left: 1px solid #b5e78c;}
.hot-tj ul li{color: #66c41a; font-size: 12px; margin-top: 8px; padding: 0 15px; position: relative;}
.hot-tj ul li:first-child{margin-top: 0;}
.hot-tj ul li:before{content: " "; display: block; width: 5px; height: 5px; background: #66c41a; position: absolute; top: 6px; left: -3px;}
.hot-tj ul li a{font-size: 14px;}
.hot-tj ul li p{color: #ccc;}
.special li{border: 1px solid #eee; position: relative; margin-top: 20px; overflow: hidden;}
.special li img{transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.special li h4{position: absolute; bottom: -35px; width: 100%; background: rgba(0,0,0,.6); padding: 10px; color: #fff; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.special li:hover h4{bottom: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.special li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.hot-porduct,.hot-news{border: 1px solid #eee; padding: 0px;}
.hot-porduct h4{color: #63ba2b; font-size: 16px; text-align: center;}
.hot-porduct h5{color: #666; margin: 10px 0; text-align: center;}
.hot-porduct .info{line-height: 30px;}
.hot-porduct .info span{color: #666;}
.hot-news ul{background: url("../images/rankicon.png") no-repeat left 11px;}
.hot-news li{line-height: 30px; padding-left: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hot-news li a{color: #666;}
.hot-news li a:hover{color: #63ba2b;}
.footer{background: #313131; font-size: 12px;}
.footer .friend-links{padding: 30px 0; color: #666; line-height: 26px;}
.footer .friend-links a{color: #666; display: inline-block; margin-right: 20px; word-break: keep-all;}
.footer .friend-links a:hover{color: #63ba2b;}
.footer .bot-nav{background: #292929; padding: 10px 0; color: #999;}
.footer .bot-nav a{display: inline-block; margin: 0 10px; color: #999;}
.footer .bot-nav a:hover{color: #63ba2b;}
.footer .copy-right{padding: 20px 0; color: #666; line-height: 26px;}
.recommend{background: #f5f5f5; padding: 10px;}
.recommend h4{margin: 0 0 10px -10px; border-left: 3px solid #63ba2b; padding-left: 10px;}
.recommend li{text-align: center;}
.recommend li p{padding: 10px;}
.recommend li .pic{overflow: hidden;}
.recommend li img{width: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.recommend li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.breadcrumb{background: none; font-size: 16px; padding: 15px 0; margin-bottom: 0;}
.breadcrumb a{color: #63ba2b;}
.breadcrumb a:hover{text-decoration: underline;}
.breadcrumb span{color: #999; font-size: 14px;}
.list-head-focus{position: relative;}
.list-head-focus img{display: block; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.list-head-focus a{position: relative; display: block;}
.list-head-focus a p{position: absolute; bottom: -40px; line-height: 40px; padding: 0 10px; background: rgba(0,0,0,.6); width: 100%; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.list-head-focus a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.list-head-focus a:hover p{bottom: 0; width: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.list-head-focus .pic-l a{display: block; width: 460px; height: 320px; overflow: hidden;}
.list-head-focus .pic-l img{width: 460px; height: 320px;}
.list-head-focus .pic-c a{display: block; width: 280px; height: 160px; overflow: hidden;}
.list-head-focus .pic-c img{width: 280px; height: 160px;}
.list-head-focus .pic-r a{display: block; width: 260px; height: 320px; overflow: hidden;}
.list-head-focus .pic-r img{width: 260px; height: 320px;}
.list-head-focus .pic1{width: 460px; height: 320px; overflow: hidden;}
.list-head-focus .pic1 a{width: 460px; height: 320px;}
.list-head-focus .pic2{width: 280px; height: 160px; overflow: hidden; position: absolute; left: 460px; top: 0;}
.list-head-focus .pic2 a{width: 280px; height: 160px;}
.list-head-focus .pic3{width: 280px; height: 160px; overflow: hidden; position: absolute; left: 460px; top: 160px;}
.list-head-focus .pic3 a{width: 280px; height: 160px;}
.list-head-focus .pic4{width: 260px; height: 320px; overflow: hidden; position: absolute; right: 0; top: 0;}
.list-head-focus .pic4 a{width: 260px; height: 320px;}
.detail-content h1{font-size: 28px; color: #333; line-height: 38px;}
.detail-content .info{font-size: 16px; color: #bbbbc9; margin: 10px 0;}
.detail-content .info .from{color: #63ba2b;}
.detail-content .info a{color: #bbbbc9; margin-left: 20px;}
.detail-content .info a:hover{color: #63ba2b;}
.detail-content .description{background: #f5f5f5; padding: 20px; font-size: 16px; line-height: 28px; margin: 20px 0;}
.detail-content .content img{max-width: 680px; margin: 0 auto;}
.detail-content .content p{font-size: 15px; color: #333; line-height: 28px; padding: 15px 0;}
.detail-content .content h4{font-weight: bold; margin: 20px 0;}
.detail-content .tags{margin-top: 50px;}
.detail-content .tags a{border: 1px solid #32bc8d; color: #32bc8d; padding: 0 6px; margin-right: 5px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.detail-content .tags a:hover{background: #32bc8d; color: #fff; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.detail-content .share li{display: inline-block; margin: 60px 20px; cursor: pointer;}
.bot-tj-list h4{border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.bot-tj-list h4 span{color: #63ba2b; border-bottom: 2px solid #63ba2b; padding: 0 15px 7px;}
.bot-tj-list li{float: left; width: 220px; margin-right: 10px; margin-top: 15px;}
.bot-tj-list li:last-child{margin-right: 0;}
.bot-tj-list li img{width: 100%;height:146px;}
.bot-tj-list li p{padding: 6px;}
.comment-box form,.comment-box .asleft3{display:none!important;}/*ΖΑ±ΞΑτΡΤ*/
.comment-box textarea{border: 1px solid #ccc; border-right: none; width: 550px; height: 140px; float: left; padding: 10px;}
.comment-box button{width: 130px; height: 140px; background: #32bc8d; border: none; color: #fff; font-size: 16px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.comment-box button:hover{background: #1ad092; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.comment-box label{font-weight: normal;}
.comment-box h4{font-size: 16px; margin-top: 20px; border-bottom: 1px solid #ccc; padding-bottom: 10px; color: #666;}
.pl-item{display: table; width: 100%; padding-top: 20px;}
.pl-photo{width: 90px; display: table-cell; vertical-align: top;}
.pl-con{display: table-cell; vertical-align: top; padding-top: 10px;}
.pl-con .name{color: #999;}
.pl-con>p{margin-top: 10px;}
.pl-con>.pl-item{border-top: 1px solid #ccc; margin-top: 20px;}
.page{margin: 50px auto; text-align: center;}
.page a,.page span{border: 1px solid #bfbfbf; display: inline-block; padding: 6px 15px; border-radius: 2px; color: #999;}
.page span{background: #1ad092; color: #fff; border-color: #1ad092;}
.page a:hover{background: #1ad092; color: #fff; border-color: #1ad092;}

.top-four-focus li{float: left; width: 340px; padding: 10px 0;}
.top-four-focus li:nth-of-type(1){border: 1px solid #eee; border-right: none;}
.top-four-focus li:nth-of-type(2){border: 1px solid #eee; border-left: none;}
.top-four-focus li:nth-of-type(3),.top-four-focus li:nth-of-type(4){background: #848484; margin-top: 10px;}
.top-four-focus a{display: block; width: 325px; height: 240px; overflow: hidden; background: #eee; margin-left: 10px; position: relative;}
.top-four-focus li:nth-of-type(2n) a{margin-left: 5px;}
.top-four-focus a img{width: 325px; height: 240px;}
.top-four-focus a .mask{position: absolute; background: rgba(0,0,0,.5); top: 0; left: 0; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.top-four-focus a h3{color: #fff; font-size: 20px; font-weight: bold; padding: 20px; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.top-four-focus a:hover .mask{opacity: 0;}
.top-four-focus a:hover h3{ transform: translateY(-250%); -webkit-transform: translateY(-250%); -moz-transform: translateY(-250%);}
.top-four-focus li:nth-of-type(2) h3,.top-four-focus li:nth-of-type(3) h3{color: #66c41a;}
.mustread{margin-top: 20px; box-shadow: 0 0 10px #999 inset; padding: 0 10px; background: #f4f4f4;}
.mustread h3{text-align: center; font-size: 20px; background: #ebebeb; line-height: 50px; margin: 0 -10px;}
.mustread h3 img{margin-right: 8px; position: relative; top: -3px;}
.mustread .news-list li{border-bottom: 10px solid #eee;}
.mustread .news-list li:last-child{border-bottom: none;}
.mustread .news-list li h4{display: inline-block; background: #66c41a; color: #fff; font-size: 20px; padding: 6px 10px;}
.mustread .news-list li .pic{width: 213px; margin-right: 10px; margin-top: 15px; margin-bottom: 5px;}
.mustread .news-list li .pic:last-child{margin-right: 0;}
.mustread .news-list li .con{width: 100%;}
.mustread .news-list li .con .tag a{margin-left: 0; margin-right: 10px;}
.mustread .news-list li .con .time{margin-top: 10px;}

.play{position:absolute;top:84%;left:75%;width:80px;margin-left:-25px;margin-top:-25px;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;}